// element 默认css变量
// @import "~element-ui/packages/theme-chalk/src/common/var";
/* theme color */
$--color-primary: #005dd6;
$--color-success: #45cd5c;
$--color-warning: #ff9b4f;
$--color-danger: #f12525;
// $--color-info: #1E1E1E;
$--color-text-regular: #222;
// $--font-size-base: 16px;

$--border-radius-base: 18px;
// input
// $--input-height: 36px;
// $--input-border-radius: 18px;
$--input-border: 1px solid transparent;
$--input-icon-color: #7691bd;
$--input-background-color: #edeff5;
$--input-placeholder-color: rgba(#222, 0.3);
// $--input-medium-font-size: 16px;
$--form-label-font-size: 16px;

// radio
$--radio-input-height: 19px;
$--radio-input-width: 19px;
$--radio-input-border: 1px solid #7691bd;
$--radio-input-background-color: #edeff5;

// checkbox
$--checkbox-input-height: 16px;
$--checkbox-input-width: 16px;
$--checkbox-border-radius: 4px;
$--checkbox-background-color: #edeff5;
$--radio-checked-icon-color: #edeff5;
$--checkbox-input-border: 1px solid #7691bd;

// button
$--button-font-weight: 400;

// MessageBox
$--messagebox-content-font-size: 16px;
// table
$--table-header-background-color: #f8f8fe;
// datePicker
// $--datepicker-icon-color: red;

/* icon font path, required */
$--font-path: "~element-ui/lib/theme-chalk/fonts";

@import "~element-ui/packages/theme-chalk/src/index";

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  theme: $--color-primary;
}
